{% extends 'news/base.html' %}


{% block titleBlock %}
用户概况
{% endblock %}


{% block scriptBlock %}
    <link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
    <script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
    <script type="text/javascript" src="../../static/news/js/other.js"></script>
{% endblock %}


{% block contentBlock %}
    <div class="user_menu_con fl">
        <div class="user_center_pic">
            {% if data.other.avatar_url %}
                <img src="{{ data.other.avatar_url }}" alt="用户图片">
            {% else %}
                <img src="../../static/news/images/user_pic.png" alt="用户图片">
            {% endif %}
        </div>
        <div class="user_center_name">{{ data.other.nick_name }}</div>

        <ul class="other_detail">
            {% if data.other.gender == "MAN" %}
                <li>性 别：男</li>
            {% else %}
                <li>性 别：女</li>
            {% endif %}

            <li>签 名：{{ data.other.signature }}</li>
        </ul>

        <div class="focus_other">
         <a href="javascript:;" class="focus" data-userid="{{ data.other.id }}" style="display: {% if data.is_followed %}none{% else %}inline-block{% endif %};">关注</a>
            <a href="javascript:;" class="focused"  data-userid="{{ data.other.id }}"  style="display: {% if data.is_followed %}inline-block{% else %}none{% endif %};"><span class="out">已关注</span><span class="over">取消关注</span></a>
            </div>

    </div>

    <div class="user_con fr">
        <div class="other_collect">
            <h3>他的文章</h3>
            <ul class="article_list">


                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
            </ul>

            <div id="pagination" class="page"></div>
            <script>
                $(function(){
                    $("#pagination").pagination({
{#                        这儿的crrentpagehe totalpage 的内不会影响新闻列表的展示，因为在ｏｔｈｅｒ．ｊｓ中会重新设置#}
                        currentPage: 1,
                        totalPage: 1,
                        callback: function(current) {
{#                            alert('ok!');#}
                            getNewsList(current)
                        }
                    });
                });
            </script>
        </div>

    </div>
{% endblock %}


{% block rankBlock %}

{% endblock %}
